.visitor-qrcode{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  .qr-code-wrapper{
    background-image: linear-gradient(0deg,
    #0165e1 0%,
    #019cf8 100%),
    linear-gradient(
            #019cf8,
            #019cf8);
    background-blend-mode: normal,
    normal;
    flex: 1;
    .content{
      width: 700rpx;
      background-color: #ffffff;
      border-radius: 10rpx;
      margin: 0 auto;
      margin-top: 38rpx;
      position: relative;
      z-index: 10;
      overflow: hidden;
      .top{
        height: 103rpx;
        display: flex;
        align-items: center;
        justify-content: center;
        .door{
          width: 22rpx;
          height: 34rpx;
          margin-right: 17rpx;
        }
        .text{
          font-size: 28rpx;
          color: #000000;
          font-weight: 700;
        }
      }
      .err-try{
        margin-top: 101rpx;
      }
      .center{
        width: 302rpx;
        height: 306rpx;
        margin: 0 auto;
        position: relative;
        .overdue{
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          background: rgba(255,255,255,0.9);
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          .err{
            width: 48rpx;
            height: 48rpx;
            margin-bottom: 49rpx;
          }
          .err-world{
            font-size: 24rpx;
            color: #363636;
            font-weight: 400;
          }
        }
        .record-wrapper{
          font-size: 20rpx;
          justify-content: center;
          display: flex;
          align-items: center;
          color: #cccccc;
          padding-top: 56rpx;
          padding-bottom: 66rpx;
          .record{
            width: 19rpx;
            height: 19rpx;
            margin-right: 12rpx;
          }
        }
      }
      .down{
        padding: 0 30rpx;
        font-size: 24rpx;
        color: #363636;
        margin-top: 49rpx;
        line-height: 1;
        .title-s{
          display: flex;
          .item{
            flex: 1;
            &:nth-child(2){
              padding-left: 100rpx;
            }
          }
        }
        .title-style{
          font-size: 20rpx;
          color: #cfcfcf;
          font-weight: 400;
        }
        .world-style{
          font-size: 28rpx;
          font-weight: 700;
          color: #000000;
          margin-bottom: 34rpx;
          margin-top: 14rpx;
        }
      }
      .null-item{
        .err-wrapper{
          .err{
            width: 48rpx;
            height: 48rpx;
            margin-bottom: 49rpx;
            margin-top: 125rpx;
          }
          text-align: center;
        }
        .err-world{
          text-align: center;
          font-size: 24rpx;
          color: #363636;
        }
      }
    }
    .bg{
      width: 100%;
      position: absolute;
      bottom: 0;
      z-index: 1;
    }
  }
  .try{
    width: 282rpx;
    height: 79rpx;
    line-height: 79rpx;
    border: solid 1px #e5e5e5;
    background: none;
    font-size: 24rpx;
    padding: 0;
    color: #000000;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 123rpx;
    margin-bottom: 145rpx;
  }
}
